<script setup lang="ts">
import echarts from '../utils/Echart'
import HeaderView from './HeaderView.vue'
import LeftView from './LeftView.vue'
import RightView from './RightView.vue'
import VScaleScreen from 'v-scale-screen'
</script>

<template>
  <div class="home-content">
    <v-scale-screen width="1920" height="1080" :fullScreen="true">
      <header-view></header-view>
      <left-view></left-view>
      <right-view></right-view>
    </v-scale-screen>
  </div>
  <!-- <div id="main" style="width: 600px; height: 400px"></div>
  <div id="main1" style="width: 600px; height: 400px"></div> -->
</template>

<style scoped lang="scss">
.home-content {
  width: 100vw;
  height: 100vh;
  background: url('../assets/images/bg.png') no-repeat center / cover;
}
</style>
